BootStrap - GRID - Exemplo de Colunas Responsivas

Exemplo de grid com largura de colunas diferentes!

Redimensione o browser para ver o efeito.

As colunas automaticamente serão redimensionadas quando a tela tiver menos de 576px de largura.

Abaixo temos uma linha com 2 colunas : uma ocupando 4 colunas e outra ocupando 8 colunas.

.col-sm-4

.col-sm-8

Código:

<div style="padding-left:5px" class="container">
            <h1>Exemplo de grid com largura de colunas diferentes!</h1>
            <p>Redimensione o browser para ver o efeito.</p>
            <p>As colunas automaticamente serão redimensionadas quando a tela tiver menos de 576px de largura.</p>
            Abaixo temos uma linha com 2 colunas : uma ocupando 4 colunas e outra ocupando 8 colunas.<br />
        </div>

        <div class="container-fluid mt-3" style="padding-left:5px">
            <div class="row">
                <div class="col-sm-4" style="background-color:lavender;">.col-sm-4</div>
                <div class="col-sm-8" style="background-color:lavenderblush;">.col-sm-8</div>
            </div>
</div>